<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="">
    <meta http-equiv="x-dns-prefetch-control" content="on">

    <title>订单完成</title>
    <link href="../../css/css.css" rel="stylesheet" type="text/css">
    <script src="../../js/jquery-v1.11.2.min.js"></script>
    <script src="../../js/driver.js"></script>
    <script src="../../js/common.js"></script>
</head>
<body>
<section class="bigicon">
    <i class="iconfont">&#xe613;</i>
</section>
<section class="submit_ok_text">
    <span class="oktext">订单完成</span>
</section>
<section class="itemgroup mt10 p15">
    <div class="oneitem">
        <label class="gray">联系人:</label>
        <i class="iconfont rightsmallicon">&#xe6db;</i>
        <label class="right" id="consignName"></label>
    </div>
</section>
<section class="itemgroup mt10 p15">
    <div class="oneitem">
        <div class="gray left">总计行驶:</div>
        <div class="right"><label class="mr5" id="distance">0</label>公里</div>
    </div>
    <div class="oneitem">
        <div class="gray left">起步价(含五公里内):</div>
        <div class="right"><label class="red mr5" id="startFee">0</label>元</div>
    </div>
    <div class="oneitem">
        <div class="gray left">超里程费(含五公里内):</div>
        <div class="right"><label class="red mr5" id="exceedFee">0</label>元</div>
    </div>
    <div class="oneitem">
        <div class="gray left">特殊需求(搬运):</div>
        <div class="right"><label class="red mr5" id="specialFee">0</label>元</div>
    </div>
    <div class="oneitem">
        <div class="gray left">装/卸货等待费用:</div>
        <div class="right"><label class="red mr5" id="adjustFee">0</label>元</div>
    </div>
    <div class="oneitem">
        <div class="gray left">行驶途中等待费用:</div>
        <div class="right"><label class="red mr5" id="adjustFee">0</label>元</div>
    </div>
</section>
<section class="detialbottom">
    <button type="button" class="right btn addcert_det" id="tellCustPay">通知货主付款</button>
    <div class="cart_clear2 ml15">
        <span class="font12">总计向客户索取费用:</span>
        <span class="red font16" id="totalFee">￥0.00</span>
    </div>
</section>
<script type="text/javascript">
    $(function () {
        //token验证
        checkDriverToken();
    });
    $(document).ready(function () {
        var waybillId = GetArgsFromHref("waybillId");
        var url = _global.serverHost + "/driver/ok_bid.htm";
        var data = {waybillId: waybillId};
        _callAjaxRequest(url, data, startBidBack);

        function startBidBack(data) {
            $("#consignName").html((data.waybill.consignName == "" || data.waybill.consignName == null) ? data.waybill.consignMobile : data.waybill.consignName);
            $("#distance").html(data.waybill.distance);
            $("#startFee").html(data.waybill.startFee);
            $("#exceedFee").html(data.waybill.exceedFee);
            $("#specialFee").html(data.waybill.specialFee);
            $("#adjustFee").html(data.waybill.adjustFee);
            $("#totalFee").html("￥" + data.waybill.totalFee);
        }

        $("#tellCustPay").attr("onclick", "tellCustPay()");
    });
    function tellCustPay() {
        window.location.href = "../wallet/index.html";
    }
</script>
</body>
</html>